﻿<!DOCTYPE html>
<html lang="en">
<head id="Head1" runat="server">
    <meta charset="utf-8" />
    <title><%: Page.Title %> - My ASP.NET Application</title>
    <asp:PlaceHolder ID="PlaceHolder1" runat="server">
        <%: Scripts.Render("~/bundles/modernizr") %>
    </asp:PlaceHolder>
    <webopt:BundleReference ID="BundleReference1" runat="server" Path="~/Content/css" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
<%--    <asp:ContentPlaceHolder runat="server" ID="HeadContent" />--%>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="Content/dataTables.bootstrap.css" rel="stylesheet" />

    <link href="Content/editor.css" rel="stylesheet" />
</head>
<style>
    @media print {
        .noprint {
            display: none !important;
        }

        .print {
            display: block;
        }
    }

    html {
        overflow: hidden;
    }

    body {
        overflow: hidden;
        height: auto;
        padding: 0px;
        padding-bottom: 80px;
        margin: 0px;
        min-height: 100%;
        position: relative;
    }

    footer {
        position: absolute;
        bottom: 0px;
        background: #ededed;
        text-align: center;
        left: 0px;
        margin-top: -70px;
    }

    .modal-dialog {
        position: absolute !important;
        right: 0px;
        bottom: 0px;
        margin: 0px !important;
    }

    .input_add {
        display: block;
        width: 100%;
        height: 40px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ddd;
        border-radius: 0px;
    }

    input:focus,
    textarea:focus, select:focus {
        border-color: #ddd;
        outline: 0;
    }

    ::-webkit-scrollbar {
        width: 0px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(0,0,0,0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

        ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(0,0,0,0.4);
        }
    #icon_class a {
        color:#333;
        text-decoration:none;
        font-size:12px;
    }
</style>
		<link rel="stylesheet" href="Content/colorbox.css" />
<body>
    <form id="Form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <Scripts>
                <%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=272931&clcid=0x409 --%>
                <%--Framework Scripts--%>

                <asp:ScriptReference Name="MsAjaxBundle" />
                <asp:ScriptReference Name="jquery" />
                <asp:ScriptReference Name="jquery.ui.combined" />
                <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />
                <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />
                <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />
                <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />
                <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />
                <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />
                <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
                <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
                <asp:ScriptReference Name="WebFormsBundle" />
                <%--Site Scripts--%>
            </Scripts>

        </asp:ScriptManager>
        <menu class="visible-xs noprint" style="height: 100%;">
            <div class="col-xs-12" style="padding: 20px 0px; text-align: center;">
                <div class="col-xs-12" style="padding: 0px; text-align: center;">
                    <img class="img" src="http://famails.com/css/images/logofamail.png" style="width: 100%;" />
                </div>
                <div class="col-xs-12" style="padding: 10px 0px; text-align: center;">
                    <img class="img-circle img img-thumbnail dropdown-toggle" data-toggle="dropdown" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/t1.0-1/c6.0.160.160/p160x160/10450596_545002008956679_2387905694320684413_n.jpg" style="width: 40%;" />
                    <div class="dropdown-menu" style="width: 300px; left: 0px !important; padding: 10px;">
                        <div class="col-xs-12" style="padding: 0px;">
                            <div class="col-xs-4" style="padding: 0px;">
                                <img class="img" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/t1.0-1/c6.0.160.160/p160x160/10450596_545002008956679_2387905694320684413_n.jpg" style="width: 100%;" />
                            </div>
                            <div class="col-xs-8" style="padding: 4px 20px;">
                                <p style="font-size: 16px;">
                                    <b style="font-size: 14px;">Yas Jek</b><br />
                                    yas.jek@gmail.com
                                </p>
                                <p style="margin: 0px;">
                                    <span class="btn btn-default" style="width: 100%; height: 34px; border-radius: 0px;" onclick="window.open('Profile.aspx','_self');">Thông tin</span>
                                </p>
                            </div>
                        </div>
                        <div class="col-xs-12" style="padding: 0px;">
                            <div class="col-xs-6" style="padding: 7px 5px 0px 0px; line-height: 34px;">
                                <span class="btn btn-default" style="width: 100%; height: 34px; border-radius: 0px;" onclick="window.open('Setting.aspx','_self');">Cài đặt</span>
                            </div>
                            <div class="col-xs-6" style="padding: 7px 0px 0px 5px; line-height: 34px;">
                                <span class="btn btn-default" style="width: 100%; height: 34px; border-radius: 0px;" onclick="window.open('Logout.aspx','_self');">Đăng xuất</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr />
            <ul>
                <li style="padding-left: 40px;"><span class="btn btn-default" data-toggle="modal" data-target="#info_user" style="width: 135px; padding: 6px 30px; color: #fff; font-weight: bold; background: #d00; border-radius: 0px; border: 1px solid #ddd;">Quản lý</span></li>
                <hr />
                <li class="active"><a href="default.aspx">Hộp thư đến (1)</a></li>
                <li><a href="#">Thư đã gửi</a></li>
                <li><a href="#">Hộp thư Spam</a></li>
                <li><a href="#">Thư nháp</a></li>
                <li><a href="#">Thùng rác</a></li>
                <hr />
                <li class="hidden-xs" style="padding-left: 10px; padding: 5px 0px;">
                    <input class="input_add" type="text" style="height: 30px;" placeholder="Tìm kiếm email .." />
                </li>
            </ul>
        </menu>
        <section class="main col-md-12" style="height: 100%;">
            <div class="col-md-12 visible-xs noprint" style="text-align: center; background: #eee;">
                <span class="menu-anchor visible-xs pull-left noprint" style="border: 1px solid #ddd; margin: 10px;"></span>
<%--                <span class="fa fa-pencil visible-xs pull-right noprint" data-toggle="modal" data-target="#myModal" style="border: 1px solid #ddd; margin: 10px; font-size: 22px; padding: 5px 10px; color: #aaa;"></span>--%>
            </div>
            <div class="col-md-2 hidden-xs" style="padding: 0px;">
                <div class="hidden-xs col-md-12 noprint" style="height: 100%; padding-top: 10px; background: #fff;">
                    <img class="img" src="http://famails.com/css/images/logofamail.png" style="width: 100%;" />
                </div>
                <div class="hidden-xs col-md-12 noprint" style="height: 100%; padding-top: 10px; background: #fff;" id="menu_left">
                    <ul style="font-size:12px;">
                        <li style="text-align:center;">    
                            <span class="btn btn-default" onclick="window.open('settingDCLAUSE.aspx','_self')" style=" padding: 6px 20px; color: #fff; font-weight: bold; background: #d00; border-radius: 0px; border: 1px solid #ddd;">Tạo nhóm quản lý</span></li>
                        <hr />
                        <li><h5 style="font-weight:bold;">Nhóm mặc định hệ thống</h5></li>
                        <li class="active"><a href="settingCLAUSE.aspx?id=1">Quản lý cấp cao</a></li>
                        <li><a href="settingCLAUSE.aspx?id=2">Quản lý nhân sự</a></li>
                        <li><a href="settingCLAUSE.aspx?id=3">Quản lý thống kê</a></li>
                        <li><a href="settingCLAUSE.aspx?id=4">Quản lý khách hàng</a></li>
                        <li><a href="settingCLAUSE.aspx?id=5">Người dùng</a></li>
                        <hr />
                        <li><h5 style="font-weight:bold;">Nhóm người dùng tạo</h5></li>
                        <li><a href="settingCLAUSE.aspx?id=5">Nhóm quản lý 1</a></li>
                    </ul>
                </div>

            </div>
            <div class="col-md-10 col-xs-12" style="background: none; padding: 0px">
                <div class="col-md-12 col-xs-12" style="padding: 0px; border-bottom: 1px solid #ddd;">
                    <div class="col-md-12 hidden-xs" style="padding: 0px; height: 85px; padding-bottom: 0px; background: none;">
                        <div class="col-md-7" style="padding: 0px 10px;">
                            <div class="input-group" style="padding-top: 25px;">
                                <input type="search" class="input_add" style="border-radius: 0px; height: 34px;" placeholder="Tìm kiếm tiêu đề, người gửi ..">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" style="border-radius: 0px;" type="button"><span class="fa fa-search"></span></button>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-5" style="padding: 0px 10px;">
                            <div class="col-md-12" style="text-align: center; padding: 0px; padding-top: 10px;">
                                <div class="col-md-9" style="padding: 0px; text-align: right;">
                                    <span class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Xem tất cả nhóm" onclick="window.open('viewALL.aspx','_self');" style="margin-top: 15px; border-radius: 0px; margin-right: 10px;"><i class="fa fa-eye"></i></span>
                                    <span class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Xem thư nhóm" onclick="window.open('viewPOST.aspx?groupid=1','_self');" style="margin-top: 15px; border-radius: 0px; margin-right: 10px;"><i class="fa fa-star"></i></span>
                                    <!-- Dùng cho Admin FAmails - Master -->
                                    <!-- Dùng cho Admin - ALL -->
                                    <!-- Dùng cho Trưởng Nhóm - FULL -->
                                    <span class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="margin-top: 15px; border-radius: 0px;"><i class="fa fa-cog" style="margin-right: 10px;"></i>Danh mục quản lý</span>
                                    <div class="dropdown-menu" style="width: 400px; right: 0px !important; left: inherit; padding: 10px;height:260px;overflow:auto;">
                                        <div class="col-md-12" id="icon_class" style="padding:10px;">
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="default.aspx"><img class="img" src="Images/icon/1.png" style="width:100%;" /><br/>M-Box</a>
                                            </div>
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="#"><img class="img" src="Images/icon/2.png" style="width:100%;" /><br/>E-Marketing</a>
                                            </div>
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="#"><img class="img" src="Images/icon/3.png" style="width:100%;" /><br/>Customer</a>
                                            </div>
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="#"><img class="img" src="Images/icon/4.png" style="width:100%;" /><br/>Autoresponder</a>
                                            </div>
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="#"><img class="img" src="Images/icon/5.png" style="width:100%;" /><br/>Report</a>
                                            </div>
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="settingCLAUSE.aspx"><img class="img" src="Images/icon/6.png" style="width:100%;" /><br/>G-Clause</a>
                                            </div>
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="settingDNS.aspx"><img class="img" src="Images/icon/7.png" style="width:100%;" /><br/>Config</a>
                                            </div>
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="settingUSER.aspx"><img class="img" src="Images/icon/10.png" style="width:100%;" /><br/>Create User</a>
                                            </div>
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="settingGROUP.aspx"><img class="img" src="Images/icon/9.png" style="width:100%;" /><br/>Create Group</a>
                                            </div>
                                            <div class="col-md-3" style="padding:7px 5px;text-align:center;">
                                                <a href="#"><img class="img" src="Images/icon/8.png" style="width:100%;" /><br/>C-Website</a>
                                            </div>
                                        </div>
                                        <%--<ul>
                                            <li class="col-md-12" style="padding: 5px; cursor: pointer; list-style: none;" onclick="window.open('SettingDNS.aspx','_self');">
                                                <div class="col-md-12" style="padding: 0px;">
                                                    <div class="col-md-2" style="padding: 5px;"><span class="fa fa-tachometer"></span></div>
                                                    <div class="col-md-10" style="padding: 5px;">Cấu hình chung</div>
                                                </div>
                                            </li>
                                            <li class="col-md-12" style="padding: 5px; cursor: pointer; list-style: none;" onclick="window.open('settingCLAUSE.aspx','_self');">
                                                <div class="col-md-12" style="padding: 0px;">
                                                    <div class="col-md-2" style="padding: 5px;"><span class="fa fa-sitemap"></span></div>
                                                    <div class="col-md-10" style="padding: 5px;">Quản lý phân quyền</div>
                                                </div>
                                            </li>
                                            <li class="col-md-12" style="padding: 5px; cursor: pointer; list-style: none;" onclick="window.open('SettingUSER.aspx','_self');">
                                                <div class="col-md-12" style="padding: 0px;">
                                                    <div class="col-md-2" style="padding: 5px;"><span class="fa fa-user"></span></div>
                                                    <div class="col-md-10" style="padding: 5px;">Quản lý người dùng</div>
                                                </div>
                                            </li>
                                            <li class="col-md-12" style="padding: 5px; cursor: pointer; list-style: none;" onclick="window.open('SettingGROUP.aspx','_self');">
                                                <div class="col-md-12" style="padding: 0px;">
                                                    <div class="col-md-2" style="padding: 5px;"><span class="fa fa-users"></span></div>
                                                    <div class="col-md-10" style="padding: 5px;">Quản lý nhóm</div>
                                                </div>
                                            </li>
                                        </ul>--%>
                                    </div>
                                </div>
                                <div class="col-md-3" style="padding: 0px; text-align: center;">
                                    <img class="img-circle img img-thumbnail dropdown-toggle" data-toggle="dropdown" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/t1.0-1/c6.0.160.160/p160x160/10450596_545002008956679_2387905694320684413_n.jpg" style="width: 60%;" />
                                    <div class="dropdown-menu" style="width: 300px; right: 0px !important; left: inherit; padding: 10px;">
                                        <div class="col-md-12" style="padding: 0px;">
                                            <div class="col-md-4" style="padding: 0px;">
                                                <img class="img" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/t1.0-1/c6.0.160.160/p160x160/10450596_545002008956679_2387905694320684413_n.jpg" style="width: 100%;" />
                                            </div>
                                            <div class="col-md-8" style="padding: 4px 20px;">
                                                <p style="font-size: 16px;">
                                                    <b style="font-size: 14px;">Yas Jek</b><br />
                                                    yas.jek@gmail.com
                                                </p>
                                                <p style="margin: 0px;">
                                                    <span class="btn btn-default" style="width: 100%; height: 34px; border-radius: 0px;" onclick="window.open('Profile.aspx','_self');">Thông tin</span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-12" style="padding: 0px;">
                                            <div class="col-md-6" style="padding: 7px 5px 0px 0px; line-height: 34px;">
                                                <span class="btn btn-default" style="width: 100%; height: 34px; border-radius: 0px;" onclick="window.open('Setting.aspx','_self');">Cài đặt</span>
                                            </div>
                                            <div class="col-md-6" style="padding: 7px 0px 0px 5px; line-height: 34px;">
                                                <span class="btn btn-default" style="width: 100%; height: 34px; border-radius: 0px;" onclick="window.open('Logout.aspx','_self');">Đăng xuất</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-xs-12" style="padding: 10px; max-height: 570px; min-height: 350px; overflow: auto;">

                    <div class="col-md-12" style="padding:0px;">
                        <div class="col-md-12"><h4><b>Phân quyền quản lý nhóm - Quản lý cao cấp</b></h4></div>
                    </div>
                    <div class="col-md-12 col-lg-12 col-xs-12 col-sm-12" style="padding:10px;">
                        <p>
                          <a class="group1" href="addUSERtoCLAUSE.aspx"><span class="btn btn-default" style="border-radius:0px;">Chỉ định người dùng</span></a>
 vào nhóm phân quyền, những người dùng nào khi không tham gia bất cứ <b>Nhóm phân quyền</b> nào thì được xem là một <b>Người dùng</b>.</p>
                        <ul class="nav nav-tabs" role="tablist">
                          <li class="active"><a href="#clause_user" role="tab" data-toggle="tab">Thành viên</a></li>
                          <li><a href="#clause_role" role="tab" data-toggle="tab">Đặc quyền</a></li>
                        </ul>
                    </div>
                    <div class="col-md-12 col-lg-12 col-xs-12 col-sm-12" style="padding:10px;">
                        <div class="tab-content">
                          <div class="tab-pane active" id="clause_user" style="font-weight:normal;">
                                <div class="table-responsive col-md-12 col-xs-12">
                                    <table class="table-bordered table" id="dataTables-example">
                                        <thead>
                                            <tr>
                                                <th style="width:70px;">Avatar</th>
                                                <th>Họ Tên</th>
                                                <th>Chức vụ</th>
                                                <th>Email</th>
                                                <th>Ngày tham gia</th>
                                                <th>Số điện thoại</th>
                                                <th style="width:80px;">Tùy chỉnh</th>
                                            </tr>
                                        </thead>
                                        <!-- Trưởng nhóm sử dụng như 1 radio-->
                                        <tbody>
                                            <tr>
                                                <td style="vertical-align:middle;text-align:center;"><img class="img-circle img img-thumbnail" style="width:100%;" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/t1.0-1/c6.0.160.160/p160x160/10450596_545002008956679_2387905694320684413_n.jpg" /></td>
                                                <td style="vertical-align:middle;">Phok Văn Kiệt</td>
                                                <td style="vertical-align:middle;">Chuyên viên Design</td>
                                                <td style="vertical-align:middle;">kietpv88@gmail.com</td>
                                                <td style="vertical-align:middle;">01/08/2014</td>
                                                <td style="vertical-align:middle;">0934059899</td>
                                                <td style="vertical-align:middle;text-align:center;">
                                                    <span class="btn btn-default" style="border-radius:0px;" data-toggle="tooltip" data-placement="bottom" title="Người dùng rời nhóm" ><i class="fa fa-sign-out"></i></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:middle;text-align:center;"><img class="img-circle img img-thumbnail" style="width:100%;" src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/256/User-blue-icon.png" /></td>
                                                <td style="vertical-align:middle;">Phok Văn Kiệt</td>
                                                <td style="vertical-align:middle;">Chuyên viên Design</td>
                                                <td style="vertical-align:middle;">kietpv88@gmail.com</td>
                                                <td style="vertical-align:middle;">01/08/2014</td>
                                                <td style="vertical-align:middle;">0934059899</td>
                                                <td style="vertical-align:middle;text-align:center;">
                                                    <span class="btn btn-default" style="border-radius:0px;" data-toggle="tooltip" data-placement="bottom" title="Người dùng rời nhóm" ><i class="fa fa-sign-out"></i></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:middle;text-align:center;"><img class="img-circle img img-thumbnail" style="width:100%;" src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/256/User-blue-icon.png" /></td>
                                                <td style="vertical-align:middle;">Phok Văn Kiệt</td>
                                                <td style="vertical-align:middle;">Chuyên viên Design</td>
                                                <td style="vertical-align:middle;">kietpv88@gmail.com</td>
                                                <td style="vertical-align:middle;">01/08/2014</td>
                                                <td style="vertical-align:middle;">0934059899</td>
                                                <td style="vertical-align:middle;text-align:center;">
                                                    <span class="btn btn-default" style="border-radius:0px;" data-toggle="tooltip" data-placement="bottom" title="Người dùng rời nhóm" ><i class="fa fa-sign-out"></i></span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                          </div>
                          <div class="tab-pane" id="clause_role" style="font-weight:normal;">
    <link rel="stylesheet" href="styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxsplitter.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxdata.js"></script>


                    <div id='content' class="col-md-12">
                        <script type="text/javascript">
                            jQuery(function ($) {
                                var source = [
                                    "Toàn quyền",
                                    "Tạo tài khoản",
                                    "Khóa tài khoản",
                                    "Làm mới mật khẩu",
                                    "Xóa tài khoản",
                                    "Tạo nhóm",
                                    "Chỉnh sửa nhóm",
                                    "Xóa nhóm",
                                    "Thêm thành viên vào nhóm",
                                    "Xem thông tin thành viên",
                                    "Rời nhóm",
                                    "Xem nội dung nhóm",
                                    "Xem nội dung nhiều nhóm",
                                    "Cấu hình phân quyền"
                                ];
                                // Create a jqxListBox
                                $("#jqxWidget").jqxListBox({ selectedIndex: 3, checkboxes: true, source: source, width: 350, height: 350 });
                            });
                        </script>
                        <div id='jqxWidget' class="col-md-12" style="border-radius:0px;padding:10px;">
                        </div>
                    </div>
                          </div>
                        </div>  
                    </div>

                </div>
                <div class="col-md-12 col-xs-12" style="padding: 10px 10px; font-size: 12px; border-top: 1px solid #ddd;">
                    <div class="col-md-4 col-xs-12" style="padding: 2px 10px;">Đã sử dụng được <b>6 Gb</b> trên tổng <b>10 Gb</b> hạn mức</div>
                    <div class="col-md-5" style="padding: 2px 10px;">
                    </div>
                    <div class="col-md-3 col-xs-12" style="padding: 2px 10px;">
                        <div style="height: 17px; background: #336; width: 60%; float: left; text-align: center; font-size: 12px; font-weight: bold; color: #fff;">60%</div>
                        <div style="height: 17px; background: #ddd; width: 40%; float: left; text-align: center; font-size: 12px;"></div>
                    </div>
                </div>
            </div>
        </section>
        <footer class="visible-xs noprint" style="width: 100%; border-top: 1px solid #ddd;">
            <center>
             <div class="col-md-12 col-xs-12" style="color: #333; font-size: 14px;text-align:center;">
                <a href="loi-mo-dau-Q7i1T2.html" style="color:#333;">Quy định sử dụng</a>
                - <a href="loi-mo-dau-v4p1J2.html" style="color:#333;">Chính sách bảo mật</a>
                © 2012 - 2013 FAmails.com . All Rights Reserved         
            </div>
         </center>
        </footer>
        <footer class="hidden-xs noprint" style="width: 100%; border-top: 1px solid #ddd; height: 40px; line-height: 40px;">
            <center>
             <div class="col-md-12 col-xs-12" style="color: #333; font-size: 14px;text-align:center;">
                <a href="loi-mo-dau-Q7i1T2.html" style="color:#333;">Quy định sử dụng</a>
                - <a href="loi-mo-dau-v4p1J2.html" style="color:#333;">Chính sách bảo mật</a>
                © 2012 - 2013 FAmails.com . All Rights Reserved         
            </div>
         </center>
        </footer>
        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content col-md-12 col-xs-12" style="border-radius: 0px; padding: 0px;">
                    <div class="modal-header col-md-12 col-xs-12" style="padding: 10px; background: #333; color: #fff;">
                        <button type="button" class="close" data-dismiss="modal" style="opacity: 1">
                            <span style="color: #fff;" class="fa fa-times"></span>
                            <%--<span aria-hidden="true" style="color:#fff;margin-right:10px;">&times;</span>--%>
                            <span class="sr-only">Close</span>
                        </button>
                        <h4 class="modal-title" id="myModalLabel">Thư mới</h4>
                    </div>
                    <div class="modal-body col-md-12 col-xs-12" style="background: #fff; padding: 0px;">
                        <div class="input-group col-md-12 col-xs-12" style="border-bottom: 1px solid #ddd;">
                            <span class="input-group-addon" style="color: #ccc; background: none; border-radius: 0px; border: 0px;">Tới :</span>
                            <input id="txtTo" type="text" class="input_add" style="border: 0px;">
                        </div>
                        <div class="input-group col-md-12 col-xs-12" style="border-bottom: 1px solid #ddd;">
                            <span class="input-group-addon" style="color: #ccc; background: none; border-radius: 0px; border: 0px;">CC :</span>
                            <input id="txtCC" type="text" class="input_add" style="border: 0px;">
                        </div>
                        <div class="input-group col-md-12 col-xs-12" style="border-bottom: 1px solid #ddd;">
                            <span class="input-group-addon" style="color: #ccc; background: none; border-radius: 0px; border: 0px;">BCC :</span>
                            <input id="txtBcc" type="text" class="input_add" style="border: 0px;">
                        </div>
                        <div class="input-group col-md-12 col-xs-12" style="border-bottom: 1px solid #ddd;">
                            <span class="input-group-addon" style="color: #ccc; background: none; border-radius: 0px; border: 0px;">Tiêu đề :</span>
                            <input id="txtSubject" type="text" class="input_add" style="border: 0px;">
                        </div>
                        <div class="col-md-12 col-xs-12" style="padding: 0px;">
                            <div id="editor2" style="border: 1px solid #ddd; border-top: 0px; padding: 10px; height: 230px;">
                            </div>
                            <div id="attach_file_view2" class="col-md-12" style="padding: 10px; border: 1px solid #ddd; border-top: 0px;">
                            </div>
                            <div class="col-md-12" style="padding: 5px; border: 1px solid #ddd; border-top: 0px;">
                                <div id="toolbar2" class="sc-toolbar-container toolbar" style="padding: 0px;">
                                    <div class="col-md-12 col-xs-12" style="padding: 0px;">
                                        <div class="sc-format-group col-md-12" style="margin-right: 0px; box-sizing: inherit; padding: 10px 0px;">
                                            <div class="col-xs-12" style="padding: 5px;">
                                                <span class="sc-bold sc-format-button" style="padding: 7px; border: 1px solid #ddd; border-radius: 0px;"></span>
                                                <span class="sc-italic sc-format-button" style="padding: 7px; border: 1px solid #ddd; border-radius: 0px;"></span>
                                                <span class="sc-strike sc-format-button" style="padding: 7px; border: 1px solid #ddd; border-radius: 0px;"></span>
                                                <span class="sc-underline sc-format-button" style="padding: 7px; border: 1px solid #ddd; border-radius: 0px;"></span>
                                                <span class="sc-link sc-format-button" style="padding: 7px; border: 1px solid #ddd; border-radius: 0px;"></span>
                                            </div>
                                            <form action="javascript:void(0);">
                                                <input type="file" id="file-chooser2" style="display: none;" name="f" />
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer col-md-12 col-xs-12" style="padding: 10px; background: #eee; color: #fff;">
                        <button type="button" id="btnSend" class="btn btn-default pull-left" style="padding: 6px 25px; border-radius: 0px; background: #d00; color: #fff; font-weight: bold;">Gửi</button>
                        <button type="button" class="btn btn-default pull-right" id="uploader-button2" style="padding: 6px 14px; border-radius: 0px; background: #fff; color: #ccc; border: 1px solid #ddd;"><span class="fa fa-file"></span></button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="info_user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content col-md-12 col-xs-12" style="border-radius: 0px; padding: 0px;">
                    <div class="modal-header col-md-12 col-xs-12" style="padding: 5px; background: #333; color: #fff;">
                        <button type="button" class="close" data-dismiss="modal" style="opacity: 1">
                            <span style="color: #fff;" class="fa fa-times"></span>
                            <%--<span aria-hidden="true" style="color:#fff;margin-right:10px;">&times;</span>--%>
                            <span class="sr-only">Close</span>
                        </button>
                    </div>
                    <div class="modal-body col-md-12 col-xs-12" style="background: #fff; padding: 0px;">
                        <div class="col-xs-12" style="text-align: center; padding: 5px;">
                            <span class="btn btn-default" onclick="window.open('viewALL.aspx','_self');" style="margin: auto; width: 60%; border-radius: 0px; padding: 7px 14px; text-align: left;"><span class="fa fa-envelope" style="margin-right: 10px"></span>Quản lý thư nội bộ</span>
                        </div>
                        <div class="col-xs-12" style="text-align: center; padding: 5px;">
                            <span class="btn btn-default" onclick="window.open('settingDNS.aspx','_self');" style="margin: auto; width: 60%; border-radius: 0px; padding: 7px 14px; text-align: left;"><span class="fa fa-tachometer" style="margin-right: 10px"></span>Cấu hình chung</span>
                        </div>
                        <div class="col-xs-12" style="text-align: center; padding: 5px;">
                            <span class="btn btn-default" onclick="window.open('settingCLAUSE.aspx','_self');" style="margin: auto; width: 60%; border-radius: 0px; padding: 7px 14px; text-align: left;"><span class="fa fa-sitemap" style="margin-right: 10px"></span>Quản lý phân quyền</span>
                        </div>
                        <div class="col-xs-12" style="text-align: center; padding: 5px;">
                            <span class="btn btn-default" onclick="window.open('settingUSER.aspx','_self');" style="margin: auto; width: 60%; border-radius: 0px; padding: 7px 14px; text-align: left;"><span class="fa fa-user" style="margin-right: 10px"></span>Quản lý người dùng</span>
                        </div>
                        <div class="col-xs-12" style="text-align: center; padding: 5px;">
                            <span class="btn btn-default" onclick="window.open('settingGROUP.aspx','_self');" style="margin: auto; width: 60%; border-radius: 0px; padding: 7px 14px; text-align: left;"><span class="fa fa-users" style="margin-right: 10px"></span>Quản lý nhóm</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </form>
    <%--<script src="Scripts/jquery-1.8.2.js"></script>--%>
    <script src="Scripts/bootstrap.js"></script>
    <script>

        $(document).ready(function () {
            $('#tab a').click(function (e) {
                e.preventDefault()
                $(this).tab('show')
            })
            $('.menu-anchor').on('click touchstart', function (e) {
                $('html').toggleClass('menu-active');
                e.preventDefault();
            });
            $('.menu-anchor2').on('click touchstart', function (e) {
                $('html').toggleClass('menu-active2');
                e.preventDefault();
            });
            $("#menu_top div span").tooltip();
            $(".badge").tooltip({
                'html': 'true'
            });
            $(".show_email").tooltip();
            $(".btn-default").tooltip({ 'html': 'true' });
            $("#detail_mail div span").tooltip();
            $(".fa").tooltip();
            $('#myModal').modal({
                backdrop: 'static',
                show: false
            })
            $('#uploader-button').click(function () {
                $('#file-chooser').click();
            });
            $('#uploader-button2').click(function () {
                $('#file-chooser2').click();
            });
            function changeTab() {
                var target = $(this).data('target');

                $('#tab-navigation li').removeClass('selected');
                $('#tab-navigation li').addClass('noSelected');
                $(this).removeClass('noSelected');
                $(this).addClass('selected');
                $('.tabContainer').addClass('hidden');
                $(target).removeClass('hidden');
            }
            $('#tab-navigation li').click(changeTab);
            $('#avatar').click(function () {
                $('#avatar_file').click();
            });
            $('#data_img').click(function () {
                $('#data_input').click();
            });
        })
        function open_creategroup() {
            if ($('#creategroup_form').css('display') == 'none') {
                $('#creategroup_form').css('display', 'block');
                $('#creategroup').text('Đóng');
            }
            else {
                $('#creategroup_form').css('display', 'none');
                $('#creategroup').text('Tạo nhóm');
            }
        }
        tmp = 0;
        cc = 0;
        bcc = 0;
        function refesh_txt() {
            var editor = new Quill('#editor', {
                modules: {
                    'toolbar': { container: '#toolbar' },
                    'link-tooltip': true
                },
                theme: 'snow',
            });
            $('#tmp_textarea').css('display', 'block');
            $('#tmp_textarea_aw').css('display', 'none');
            tmp = 0;
            cc = 0;
            bcc = 0;
        }
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {

                    $('#avatar')
                    .attr('src', e.target.result)
                    .width(176)
                    .height(176);
                };
                reader.readAsDataURL(input.files[0]);
            }
        }
        function readURL2(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {

                    $('#data_img')
                    .attr('src', e.target.result)
                    .width(190)
                    .height(70);
                };
                reader.readAsDataURL(input.files[0]);
            }
        }
        function hidden_a_show(a, b) {
            if (a == 0 && tmp == 0) {
                $('#tmp_textarea').css('display', 'none');
                $('#tmp_textarea_aw').css('display', 'block');
                tmp = 1;
                var editor = new Quill('#editor', {
                    modules: {
                        'toolbar': { container: '#toolbar' },
                        'link-tooltip': true
                    },
                    theme: 'snow',
                });
                tmp = 1;
            }
            else {
                if (a == 1 && tmp == 0) {
                    $('#tmp_textarea').css('display', 'none');
                    var tmp_content = $('#content_mail_' + b).html();
                    $('#tmp_textarea_aw').css('display', 'block');
                    $('#editor').html("<p><b>:: Trích dẩn ::</b></p>" + tmp_content);
                    var editor = new Quill('#editor', {
                        modules: {
                            'toolbar': { container: '#toolbar' },
                            'link-tooltip': true
                        },
                        theme: 'snow',
                    });
                    tmp = 1;
                }
            }
        }
        function show_cc() {
            if (cc == 0 && bcc == 0) {
                $('#sub_cc').css('display', 'none');
                $('#sub_bcc').css('display', 'none');
            }
            $('#cc_form').css('display', 'block');
            if (bcc == 0) {
                $('#cc_form #sub_bcc').css('display', 'table-cell');
            }
            cc = 1;
            if (cc == 1 && bcc == 1) {
                $('#bcc_form #sub_cc').css('display', 'none');
                $('#cc_form #sub_bcc').css('display', 'none');
            }
        }
        function show_bcc() {
            if (cc == 0 && bcc == 0) {
                $('#sub_cc').css('display', 'none');
                $('#sub_bcc').css('display', 'none');
            }
            $('#bcc_form').css('display', 'block');
            if (cc == 0) {
                $('#bcc_form #sub_cc').css('display', 'table-cell');
            }
            bcc = 1;
            if (cc == 1 && bcc == 1) {
                $('#bcc_form #sub_cc').css('display', 'none');
                $('#cc_form #sub_bcc').css('display', 'none');
            }
        }
        function printDiv() {
            window.print();
        }
    </script>
    <script src="Scripts/editor.js"></script>
    <script>
        //var editor = new Quill('#editor', {
        //    modules: {
        //        'toolbar': { container: '#toolbar' },
        //        'link-tooltip': true
        //    },
        //    theme: 'snow',
        //});
    </script>
    <script>
       
    </script>
    <script>
        //var editor = new Quill('#editor3', {
        //    modules: {
        //        'toolbar': { container: '#toolbar3' },
        //        'link-tooltip': true
        //    },
        //    theme: 'snow',
        //});
    </script>

    <script type="text/javascript" src="Scripts/jquery.dataTables.js"></script>
    <script type="text/javascript" src="Scripts/dataTables.bootstrap.js"></script>
		<script src="Scripts/jquery.colorbox.js"></script>
    <script>
        $("a").tooltip({ 'html': 'true' });
        $(".group1").colorbox({ rel: 'group1' });

    </script>
    <script>
        jQuery(function () {
            var editor = new Quill('#editor2', {
                modules: {
                    'toolbar': { container: '#toolbar2' },
                    'link-tooltip': true
                },
                theme: 'snow',
            });
            $("#btnSend").click(function () {
                var to = $("#txtTo").val();
                var cc = $("#txtCC").val();
                var bcc = $("#txtBcc").val();
                var subject = $("#txtSubject").val();
                var file = $("#file-chooser2").mozFullPath;
                var content = editor.getHTML();
                var postValue = "{to:'" + to + "',cc:'" + cc + "', bcc:'" + bcc + "', subject:'" + subject + "', content:'" + content + "', file:'" + file + "'}";
                alert(postValue);
                var url = "default.aspx/sendmail";
                $.ajax({
                    type: "POST",
                    url: url,
                    data: postValue,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) { }
                });
            });
            $('#dataTables-example').dataTable({
                "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]/*,
            "dom": 'T&lt;"clear"&gt;lfrtip',
            "tableTools": {
                "sSwfPath": "../resource/TableTools/media/swf/ZeroClipboard.swf"
            }*/
            });
        });
    </script>
</body>
</html>
